<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta content="telephone=no" name="format-detection">
    <title>黎世阁-登录</title>
    <link rel="stylesheet" href="css/public.css"/>
    <link rel="stylesheet" href="css/login.css"/>
    <script src="js/jquery.min.js"></script>
    <script type="text/javascript">


        (function (doc, win) {
            var docEl = doc.documentElement,
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                recalc = function () {
                    var clientWidth = docEl.clientWidth;
                    if (!clientWidth) return;

                    docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';

                };
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            doc.addEventListener('DOMContentLoaded', recalc, false);
            recalc();
        })(document, window);

    </script>
</head>
<body>
	<!--头部开始-->
	 <header>
	 	<a class="sign" href="">注册</a>
	    <div class="title">登录</div>
	    <i class="iconfont cross">&#xe609;</i>
	 </header>
	<!--头部结束-->
	<!--内容开始-->
	<section class="loginInfo">
		<div class="login_logo"><img src="img/login_logo.png" alt="" /></div>
		<div class="form">
			<div class="form_item">
				<input class="input_number" type="text" placeholder="手机号"/>
				<i class="iconfont close">&#xe7ee;</i>
			</div>
			<div class="form_item">
				<input class="input_verif" type="text" placeholder="动态密码"/>
				<span>获取动态密码</span>
			</div>
			<div class="btnInfo">
				<input class="btn_item" type="button" value="登录"/>
				<p>或</p>
				<input type="button" value="账号登录"/>
			</div>
			
		</div>
		<ul class="login_icon clearfix">
			<li><img src="img/login.png" alt="" /></li>
			<li><img src="img/login_1.png" alt="" /></li>
			<li><img src="img/login_2.png" alt="" /></li>
			<li><img src="img/login_3.png" alt="" /></li>
		</ul>
	</section>
	<!--内容结束-->
</body>
<script>
    $(".input_number").bind('input propertychange', function () {

        if (!($('.input_number').val() == "")) {
            $('.close').css("display", "block")
        } 
        


    })
// $(".input_number").blur(function(){
// 	 $('.close').css("display", "none")
// 	
// })
    $(".close").click(function () {
        $(".input_number").val("");
        $(".btn_item").css("opacity", "0.5");
        $(this).hide();

    });


    $('.input_number,.input_verif').bind('input propertychange', function () {

        if ((!($('.input_number').val() == "")) && (!($('.input_verif').val() == ""))) {

            $(".btn_item").css("opacity", "1");
        }
        else {
            $(".btn_item").css("opacity", "0.5");
        }
    });
</script>
</html>
